<template>
  <div>
    <a-button
      :shape="setting.options.shape"
      :size="setting.options.size"
      :disabled="setting.options.disabled"
      :style="{
        width: setting.options.Fwidth + '%',
        color: setting.options.Fcolor,
        backgroundColor: setting.options.Fbackground,
        border: setting.options.Fborder,
      }"
       @click="jumpRoute"
    >
      <template #icon>
        <vab-icon :icon="setting.icon" style="margin-right: 5px"></vab-icon>
      </template>
      {{ setting.options.content }}
     
    </a-button>
  </div>
</template>

<script>
  import VabIcon from '@/layout/vab-icon'
  export default {
    props: {
      setting: {},
    },
    components: {
      VabIcon,
    },
    data() {
      return {}
    },
    created() {
      console.log(this.setting)
    },
    methods:{
      jumpRoute(){
        if(this.setting.options.routeJump){
          this.$router.push({
            path:this.setting.options.routePath
          })
        }
      }
    }
  }
</script>
<style scoped lang="less"></style>
